<template>
	<view class="market">
		<h3 class="title">营销服务</h3>
		<u-grid :col="3" :border="false" align="center">
			<u-grid-item v-for="item in gird" :key="item.id">
				<u-icon :name="item.icon" :size="50"></u-icon>
				<view class="grid-text">{{ item.title }}</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
export default {
	data() {
		return {
			gird: [
				{ id: 1, icon: 'bag', title: '积分商城' },
				{ id: 2, icon: 'gift', title: '领券中心' },
				{ id: 3, icon: 'integral', title: '商家入驻' }
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.grid-text {
	margin-top: 20rpx;
	color: $u-type-info;
	font-size: 30rpx;
}
.title {
	height: 80rpx;
	line-height: 80rpx;
	font-size: 35rpx;
	font-weight: bold;
}
</style>
